#phone-title{
    display: flex;
    justify-content: space-between;
    height: 35px;
    background-color: #0f0f0f;
    color: white;
    font-size: 12px;
}

/* 信号区 */
#phone-title-left{
    width: 33%;
    display: flex;
    /*行显示*/
    flex-flow: row;
    /*左侧起点*/
    justify-content: flex-start;
    /*垂直居中*/
    align-items: center;
}

.signal,.no-signal{
    height: 7px;
    width: 7px;
    border-radius: 50%;
    border: 1px solid white;
    background-color: white;
    margin: 1px;
}

.no-signal{
    background-color: black;
}

#phone-title-center{
    width: 34%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*电池*/
#phone-title-right{
    width: 33%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/*电池壳*/
#phone-title-right div:nth-child(2){
    border: 1px white solid;
    height: 11px;
    width: 30px;
    margin-left: 4px;
}

/*电量*/
#phone-title-right div:nth-child(2) div{
    height: 9px;
    width: 23px;
    background-color: #76ff03;
}

/*正极*/
#phone-title-right div:nth-child(3){
    background-color: white;
    height: 7px;
    width: 2px;
    margin-right: 6px;
}